$(function() {

	$(".ui-select").selectWidget({
		change: function(changes) {
			return changes;
		},
		effect: "slide",
		keyControl: true,
		speed: 200,
		scrollHeight: 250
	});


})
//选择城市
function down(e){
	if($(e).find('i').hasClass('fa-angle-down')){
		$(e).find('i').removeClass('fa-angle-down').addClass('fa-angle-up');
		$(e).siblings('ul').slideDown();
	} else {
		$(e).find('i').removeClass('fa-angle-up').addClass('fa-angle-down');
		$(e).siblings('ul').slideUp();
	}
}
//导航栏
var n;
$('.navbar .nav a').each(function() {
	if ($(this).hasClass('current')) {
		n = $('.navbar .nav a').index(this);
	}
});
$('.navbar .nav a').hover(function() {
	$('.navbar .nav a').removeClass('current');
	$(this).addClass('current');
}, function() {
	$('.navbar .nav a').removeClass('current');
	$('.navbar .nav a').eq(n).addClass('current');
});
//文字滚动
(function($) {
	$.fn.myScroll = function(options) {
		//默认配置
		var defaults = {
			speed: 40, //滚动速度,值越大速度越慢
			rowHeight: 30 //每行的高度
		};
		var opts = $.extend({}, defaults, options),
			intId = [];

		function marquee(obj, step) {
			obj.find("ul").animate({
				marginTop: '-=1'
			}, 0, function() {
				var s = Math.abs(parseInt($(this).css("margin-top")));
				if (s >= step) {
					$(this).find("li").slice(0, 1).appendTo($(this));
					$(this).css("margin-top", 0);
				}
			});
		}
		this.each(function(i) {
			var sh = opts["rowHeight"],
				speed = opts["speed"],
				_this = $(this);
			intId[i] = setInterval(function() {
				if (_this.find("ul").height() <= _this.height()) {
					clearInterval(intId[i]);
				} else {
					marquee(_this, sh);
				}
			}, speed);
			_this.hover(function() {
				clearInterval(intId[i]);
			}, function() {
				intId[i] = setInterval(function() {
					if (_this.find("ul").height() <= _this.height()) {
						clearInterval(intId[i]);
					} else {
						marquee(_this, sh);
					}
				}, speed);
			});
		});
	}
})(jQuery);
//装修详情页
$(document).ready(function(){                          

	var index=0;
	var length=$("#img img").length;
	var i=1;

	//关键函数：通过控制i ，来显示图片
	function showImg(i){
		$("#img img").eq(i).stop(true,true).fadeIn(800).siblings("img").hide();
		$("#cbtn li").eq(i).addClass("hov").siblings().removeClass("hov");
	}

	function slideNext(){
		if(index >= 0 && index < length-1) {
			++index;
			showImg(index);
		}else{
			if(confirm("已经是最后一张,点击确定重新浏览！")){
				showImg(0);
				index=0;
				aniPx=(length-10)*65+'px'; //所有图片数 - 可见图片数 * 每张的距离 = 最后一张滚动到第一张的距离
				$("#cSlideUl ul").animate({ "left": "+="+aniPx },200);
				i=1;
			}
			return false;
		}
		if(i<0 || i>length-10){
			return false;
		}						  
		$("#cSlideUl ul").animate({ "left": "-=65px" },200)
		i++;
	}

	function slideFront(){
		if(index >= 1 ) {
			--index;
			showImg(index);
		}
		if(i<2 || i>length+10){
			return false;
		}
		$("#cSlideUl ul").animate({ "left": "+=65px" },200)
		i--;
	}
		
	$("#img img").eq(0).show();
	$("#cbtn li").eq(0).addClass("hov");
	
	$("#cbtn tt").each(function(e){
		var str=(e+1)+"/"+length;
		$(this).html(str)
	})

	$(".picSildeRight,#next").click(function(){
		slideNext();
	});
	
	$(".picSildeLeft,#front").click(function(){
		slideFront();
	});
	
	$("#cbtn li").click(function(){
		index  =  $("#cbtn li").index(this);
		showImg(index);
	});	
	
	$("#next,#front").hover(function(){
		$(this).children("a").fadeIn();
	},function(){
		$(this).children("a").fadeOut();
	});
	
});
